<div id="slideshow" class="gradient">
        
      <div class="bg-wrapper-image">
                <div class="container">
                  <div class="row">
                    <div id="home-booking-form" class="span5" data-original-title="R&eacute;servations">
                      <div class="tabbable tabs_style1">
                        <ul class="nav fixclear">
                          <li class="active"><a href="#tabs1-pane1" data-toggle="tab">Je r&eacute;serve un vol</a></li>
                          <li class=""><a href="#tabs1-pane2" data-toggle="tab">J'ai d&eacute;j&agrave; r&eacute;serv&eacute;</a></li>
                        </ul>
                        <div class="tab-content">
                          <div class="tab-pane active" id="tabs1-pane1">
                            <form action="<?php echo url_for('booking_process') ?>" method="GET">
                                <?php include_component('aoiItineraryReservation','searchForm',array()) ?>
                                <button type="submit" class="btn btn-success">V&eacute;rifier les disponibilit&eacute;s</button>
                            </form>
                          </div>
                          <div class="tab-pane" id="tabs1-pane2">
                            <form action="<?php echo url_for('booking_verify') ?>" method="POST">
                              <?php include_partial('aoiFrontPartials/bookingVerifyForm',array()) ?>
                              <button type="submit" class="btn">Voir ma r&eacute;servation</button>
                            </form>
                          </div>
                        </div><!-- /.tab-content -->
                      </div>
                    </div>
                    <div class="span6" data-original-title="">
                        <div class="static-content default-style">
                            <h3><strong>COMOROS AIRWAYS</strong>, faire du ciel un endroit vivable</h3>
                        </div>
                    </div>
                    <div class="span1"></div>
                  </div>
                </div>
      </div>
        </div><!-- end slideshow -->
        
        
    <section id="content">
      <div class="container">
      
        <div class="row">
          <div class="span12">
            <div class="infobox1">
              <h3 class="m_title">Comoros Airways, la nouvelle compagnie a&eacute;rienne de l'Oc&eacute;an Indien</h3>
            </div>
          </div>
        </div><!-- end row // infobox1 -->
      
        <div class="row image-boxes imgboxes_style2">
                    <div class="span4 box">
            <a href="#" class="slidingDetails">
              <img src="<?php echo sfConfig::get('app_aoi_site_url') ?>images/site_images/img1.jpg" alt="">
              <div class="details">
                <h4>Réservez maintenant !</h4>
                <p>Réservez vos billets pour votre prochain voyage avec Comoros Airways</p>
              </div>
            </a>
                    </div><!-- end span -->
          
          <div class="span4 box">
            <a href="#" class="slidingDetails">
              <img src="<?php echo sfConfig::get('app_aoi_site_url') ?>images/site_images/img2.jpg" alt="">
              <div class="details">
                <h4>Notre offre</h4>
                <p>Nous vous proposons des tarifs avantageux pour les Comores et Madagascar</p>
              </div>
            </a>
                    </div><!-- end span -->
          
          <div class="span4 box">
            <a href="#" class="slidingDetails">
              <img src="<?php echo sfConfig::get('app_aoi_site_url') ?>images/site_images/departures.jpg" alt="Comoros Airlines - Flights">
              <div class="details">
                <h4>La liste des vols</h4>
                <p>La liste des aéroports désservis et les horaires des vols</p>
              </div>
            </a>
                    </div><!-- end span -->
          
                </div><!-- end row // img_boxes style2 -->
        
        
      </div>
      
      <div class="gray-area">
        <div class="container">
          
          <div class="row">
            
            <div class="span4">
              <div class="flickrfeed">
                <h3 class="m_title">Pourquoi choisir notre compagnie ?</h3>
                <p><em>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur.. <a href="#">continue reading</a></em></p>
        
              </div>
            </div>
            
            <div class="span4">
              <h4 class="circle_title"><span>QUI</span> sommes-nous ?</h4>
              <p>Ut pretium, sapien blandi vulputate mattis, lorem elit bibendum mi, quis dignissim ipsum neque.</p>
              <ul class="list-style1">
                <li>Aliquam feugiat eleifend</li>
                <li>Fusce sit amet orci quis arcu</li>
              </ul>
              <p>Phasellus in risus quis lectus iaculis tate.</p>
              <!-- end // who we are -->
            </div>
            
            <div class="span4">
              <div class=" latest_posts style3">
                <h3 class="m_title">Derniers posts</h3>
                <a href="#" class="viewall">VIEW ALL -</a>
                <ul class="posts">
                  <li class="post">
                    <a href="#" class="hoverBorder pull-left"><img src="<?php echo sfConfig::get('app_aoi_site_url') ?>images/post-thumb1.jpg" alt=""></a>
                    <h4 class="title">Sed ut perspiciatis unde omnis</h4>
                    <div class="text">Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet.</div>
                  </li>
                  <li class="post">
                    <a href="#" class="hoverBorder pull-left"><img src="<?php echo sfConfig::get('app_aoi_site_url') ?>images/post-thumb1.jpg" alt=""></a>
                    <h4 class="title">Sed ut perspiciatis unde omnis</h4>
                    <div class="text">Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor. Quisque sit amet.</div>
                  </li>
                </ul>
              </div><!-- end // latest posts style 2 -->
            </div>
          </div><!-- end row -->
          
        </div>
      </div>
      
      <div class="container">
        
        <div class="row">
          <div class="span12">
            <h3 class="m_title">Voici comment ça marche</h3>
          </div>
          <div class="span4">
            <div class="gobox">
              <h4>Vous choisissez votre prochain vol</h4>
              <p>Sur notre site, vous séléctionnez votre vol et nous laissez vos coordonnées.</p>
            </div>
          </div>
          <div class="span4">
            <div class="gobox">
              <h4>Nous vous proposons le meilleur tarif</h4>
              <p>Notre équipe adapte le prix de la réservation en fonction des disponibilités pour vous proposer les meilleurs prix</p>
            </div>
          </div>
          <div class="span4">
            <div class="gobox ok ">
              <img src="<?php echo sfConfig::get('app_aoi_site_url') ?>images/ok.png" alt="">
              <h4>Votre vol est réservé !</h4>
              <p>En quelques clics, vous confirmez votre réservation et vous obtenez vos billets par e-mail</p>
            </div>
          </div>
        </div><!-- end row // goboxes -->
        
        
      </div><!-- end container -->
    </section><!-- end #content -->